#index-banner .page {
    width: 100%;
    background-color: #000;
    color: #fff;
    height: 100%;
}

#index-banner .page1 {
    background-image: url('../../img/index/bg-4.jpg');
}
#index-banner .page2 {
    background-image: url('../../img/index/bg-2.jpg');
}
#index-banner .page3 {
    background-image: url('../../img/index/bg-3.jpg');
}
#index-banner .page4 {
    background-image: url('../../img/index/bg-1.jpg');
}

#index-banner .fp-controlArrow {
    display: none;
}

#index-banner .slide1 {
    position: relative;
    width: 199px;
    height: 415px;
    top: 95px;
    left: 535px;
}
#index-banner .slide3 {
    position: relative;
    width: 350px;
    height: 280px;
    top: 170px;
    left: 768px;
}
#index-banner img {
    width: 100%;
}
#index-banner .flex-prev {
    opacity: 1;
}
#index-banner .flex-next {
    opacity: 1;
}

#index-banner .recommend {
    position: relative;
    width: 200px;
    top: 170px;
    left: 1060px;
}

#index-banner .hotsale {
    position: relative;
    width: 200px;
    top: 0px;
    left: 710px;
}

.index-content {
    position: absolute;
    bottom: 80px;
    top: 0px;
    padding-top: 120px;
    width: 100%;
    background-image: url('../../img/index/bg-4.jpg');
}
.index-content .index-background {
    position: absolute;
    bottom: 0px;
    top: 120px;
    width: 100%;
    background-color: #111;
    opacity: 0.9;
}
.index-content .index-title {
    text-align: right;
    padding: 30px 15px 30px 0px;
    color: #fff;
}